<DIV id="AboutThisApp">
<H2>WaveMaker Multi-Skin Application
</H2>
This application demonstrates the ability to dynamically change the color scheme or skin of a WaveMaker app while the application is running.

When you are building a new WaveMaker app, it is best to start with an application template such as this MultiSkin app. That way you can start with a polished look and feel and focus your efforts on the specifics of your application.

This application has two pages:
<OL>
  <LI>The Main Page: this has all the templates. Each template has a name (e.g., SeaTheme) which refers to a set of CSS stylings</LI>
  <LI>The Tab Page: this page is where you should put all your application specific widgets.</LI>
</OL>

<H3>To use this application as a template</H2>
<OL>
  <LI>Download this application. It is available on Google code at <A HREF="http://code.google.com/p/wavemaker-multiskin/downloads/list">http://code.google.com/p/wavemaker-multiskin/downloads/list<A/></LI>
  <LI>Unzip the application into your local WaveMaker project directory</LI>
  <LI>Start Wavemaker studio. Select this application from the drop list of projects. Press the copy button and provide a name for the new copied project</LI>
  <LI>Open your new application. Go to the MainPage Source->Script tab and change the palette name in the start:function() to the palette you would like as the default palette for this application</LI>
  <LI>If you want the default skin to show up in the design view, you will need to go to the source->css tab in the MainPage and change the Default Theme to your selected theme (you will need to copy the chunk of css that defines your selected theme and take off the class selector, such as .SeaTheme)</LI>
</OL>


Some points about this application:
<UL>
  <LI>Changing themes dynamically with JavaScript. In the source->script tab, you will see that this app uses the Dojo function, dojo.addClass(document.body, this.theme); to add a css class selector to the DOM. This causes the app to use a different theme from the css file</LI>
  <LI>CSS themes. In the source->css tab, note that a number of themes are defined, where each theme has its own class selector prepended like this: .GreenTheme .MainPage .MainPage-panelHeader ... When the class selector GreenTheme is added, this particular css styling will become active.</LI>
  <LI>Improving the tab styling. In the source->css tab, note that the tabs have been restyled to have more...style ;-)</LI>
</UL>

</DIV>


<DIV id="AboutWaveMaker">
<H2>What is WaveMaker?</H2>

<P>WaveMaker is an open-source framework for visual AJAX web development. WaveMaker has a web-based studio that uses drag and drop assembly to create database-driven web applications. WaveMaker applications are standard Java WAR files built on Spring, Hibernate and Dojo that can be opened and extended using a standard Java IDE like Eclipse or NetBeans.
</P>
<H2>Who should use WaveMaker?</H2>

<P><I><CENTER>With WaveMaker, anybody can be a Web 2.0 rock star!
</CENTER></I></P>

<P>Anybody who wants a highly productive visual studio for building Web 2.0 applications should use WaveMaker. WaveMaker is also great for developers who have used tools like Visual Basic, MS Access, PowerBuilder or Lotus Notes.
</P>
<H2>How do I get started?</H2>

<OL>
  <LI>Watch the <A HREF="http://www.wavemaker.com/products/demos.html">WaveMaker screencast</A> (5 minutes)</LI>
  <LI><A HREF="http://www.wavemaker.com/downloads">Download WaveMaker</A> and do the tutorial (45 minutes)</LI>
  <LI>Join our community at <A HREF="http://dev.wavemaker.com">dev.wavemaker.com</A> (a lifetime of productivity ;-)</LI>
</OL>

<H2>What else do I need?</H2>

<P>WaveMaker works with a wealth of Java servers and databases. For the Java server, we recommend Apache/Tomcat, JBoss, Weblogic, Websphere or any J2EE-compliant web server. Developers can extend WaveMaker applications in Eclipse, NetBeans or any editor. </P>

<P>For database, you can use MySQL, PostgreSQL, Oracle, SQL Server, DB2, or any of the other many databases supported by Hibernate. WaveMaker works with Unix, Windows and Mac operating systems.
</P>
</DIV>

<DIV id="Sidebar1">
<H2>Web-Fast™: WaveMaker Visual Ajax Studio
</H2>
<P>WaveMaker Visual Ajax Studio is an easy-to-use visual builder that enables the drag & drop assembly of scalable, web-applications using Ajax widgets, web services and databases.
</P>
<P><IMG SRC="http://www.wavemaker.com/img/websvcsshot250.gif" BORDER="0">
</P>
<P>WaveMaker Studio will look and feel especially familiar to client/server developers who are used to working with visual tools. WaveMaker's Studio enables data-driven and web-services based applications to be quickly created without complex code, forms, patterns or portal frameworks. Customers have accelerated the development of applications by as much as 67% and cut the lines of code written by 98%. With dramatically less code, visually assembled applications are cheaper to maintain and easier to manage. With its speed of development, simple web interface and support for web-services of any type, WaveMaker Visual Ajax Studio is Web-Fast like no other development tool.
</P>
</DIV>

<DIV id="Sidebar2">
<P>Dojo is an Open Source DHTML toolkit written in JavaScript. Dojo aims to solve some long-standing historical problems with DHTML which prevented mass adoption of dynamic web application development.
</P>
<P><IMG SRC="http://www.dojotoolkit.org/sites/all/themes/dtk/img/demo.png" BORDER="0">
</P>
<P>Dojo allows you to easily build dynamic capabilities into web pages and any other environment that supports JavaScript sanely. </P>
</DIV>